<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>企业中心</title>
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
        <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
        <!--[if lt IE 9]>
          <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
          <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
        <![endif]-->
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/bootstrap-datetimepicker.min.js"></script>  <!--js文件中-->
    <script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="js/dist/js/distpicker.data.js"></script>
    <script src="js/dist/js/distpicker.js"></script>
    <script src="js/bootstrap-table.min.js"></script>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/enterprise.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/bootstrap-table.min.css">

</head>
<body>
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <div class="navbar-header">
        <!-- 导航栏logo -->
          <a class="navbar-brand navbar-left" href="#">
            内蒙古自治区退役军人双创平台
          </a>
        </div>

        <div class="nav navbar-nav navbar-right">
            <!-- 导航栏选项卡 -->
            <ul id="myTab" class="nav navbar-nav" role="tablist">
                <li><a href="#">职位管理</a></li>
                <li><a href="com_resume.html">简历管理</a></li>
                <li><a href="#forum" role="tab" data-toggle="tab">人才市场</a></li>
                <li><a href="#security" role="tab"  data-toggle="tab">消息中心</a></li>
              </ul>
            <!-- 导航栏公司简介 -->
              <ul class="nav navbar-nav">
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">蒙牛股份有限责任公司<span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#">消息中心</a></li>
                    <li><a href="#">设置</a></li>
                    <li><a href="#"></a></li>
                  </ul>
                </li>
               </ul>
            <!-- 退出导航栏 -->
            <ul class="nav navbar-nav">
                <li>
                    <a href="#" class="nav navbar-nav">退出 <span class="glyphicon glyphicon-off"></span></a>
                </li>
            </ul>

          </div>
      </div>
    </nav>

    <!-- 选项卡面板 -->
    <div id="myTabContent" class="tab-content">
        <div class="tab-pane active" id="position_manangement">


            <!-- 职位管理开始 -->
            <div class="positionManagement">
                <nav class="navbar navbar-default">
                  <div class="container-fluid pl0 pr0">
                    <div class="navbar-header">
                        <a href="newWord.html" class="btn nav navbar-nav orange" >发布职位</a>
                        <div class="form-group nav navbar-nav seach">
                            <input type="text" class="form-control" placeholder="Search">
                            <button type="submit" class="btn glyphicon glyphicon-search searchBtn"></button>
                        </div>

                    </div>

                    <div class="nav navbar-right rightMenu">
                        <p class="navbar-text"><input type="checkbox" id="ckAll"/>全选</p>
                        <p class="navbar-text"><a href="#" class="navbar-link">批量刷新</a></p>
                        <p class="navbar-text"><a href="#" class="navbar-link">批量下载</a></p>
                    </div>

                    <ul id="myTab1" class="nav nav-tabs navbar-nav navbar-left">
                        <li class="active"><a href="#zxz" role="tab1" data-toggle="tab">在线中（12）</a></li>
                        <li><a href="#yxx" role="tab1" data-toggle="tab">已下线（2）</a></li>
                        <li><a href="#dsx" role="tab1" data-toggle="tab">待上线（0）</a></li>
                    </ul>


                  </div>
                </nav>


              <div id="myTabContent" class="tab-content">
                <div class="tab-pane active" id="zxz"  data-toggle="tab">
                    <div class="container-fluid list">
                        <div class="row">
                          <div class="col-md-6 col-xs-6 col-sm-6">
                            <a href="#">
                              <div class="top">
                                  <div class="left navbar-left">
                                      <div class="bt">董事长助理兼职司机</div>
                                      <div class="nr">
                                          <span>8k-10k</span>
                                          <span>呼和浩特 新城区</span>
                                          <span>大专</span>
                                      </div>
                                  </div>
                                  <div class="right navbar-right">
                                      <div class="ytd navbar-left">
                                          <span>30</span>
                                          <p>已投递</p>
                                      </div>
                                      <div class="yms navbar-left">
                                          <span>30</span>
                                          <p>邀面试</p>
                                      </div>
                                  </div>
                              </div>
                              <div class="bottom">
                                <div class="navbar-left">距职位下线还有 <span>3天</span></div>
                                <div class="navbar-right">
                                    <a href="#">下线职位</a>
                                    <a href="#">刷新职位</a>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="col-md-6 col-xs-6 col-sm-6">
                            <a href="#">
                              <div class="top">
                                  <div class="left navbar-left">
                                      <div class="bt">董事长助理兼职司机</div>
                                      <div class="nr">
                                          <span>8k-10k</span>
                                          <span>呼和浩特 新城区</span>
                                          <span>大专</span>
                                      </div>
                                  </div>
                                  <div class="right navbar-right">
                                      <div class="ytd navbar-left">
                                          <span>30</span>
                                          <p>已投递</p>
                                      </div>
                                      <div class="yms navbar-left">
                                          <span>30</span>
                                          <p>邀面试</p>
                                      </div>
                                  </div>
                              </div>
                              <div class="bottom">
                                <div class="navbar-left">距职位下线还有 <span>3天</span></div>
                                <div class="navbar-right">
                                    <a href="#">下线职位</a>
                                    <a href="#">刷新职位</a>
                                </div>
                              </div>
                            </a>
                          </div>
                          <div class="col-md-6 col-xs-6 col-sm-6">
                            <a href="#">
                              <div class="top">
                                  <div class="left navbar-left">
                                      <div class="bt">董事长助理兼职司机</div>
                                      <div class="nr">
                                          <span>8k-10k</span>
                                          <span>呼和浩特 新城区</span>
                                          <span>大专</span>
                                      </div>
                                  </div>
                                  <div class="right navbar-right">
                                      <div class="ytd navbar-left">
                                          <span>30</span>
                                          <p>已投递</p>
                                      </div>
                                      <div class="yms navbar-left">
                                          <span>30</span>
                                          <p>邀面试</p>
                                      </div>
                                  </div>
                              </div>
                              <div class="bottom">
                                <div class="navbar-left">距职位下线还有 <span>3天</span></div>
                                <div class="navbar-right">
                                    <a href="#">下线职位</a>
                                    <a href="#">刷新职位</a>
                                </div>
                              </div>
                            </a>
                          </div>

                          <div class="col-md-6 col-xs-6 col-sm-6">
                            <a href="#">
                              <div class="top">
                                  <div class="left navbar-left">
                                      <div class="bt">董事长助理兼职司机</div>
                                      <div class="nr">
                                          <span>8k-10k</span>
                                          <span>呼和浩特 新城区</span>
                                          <span>大专</span>
                                      </div>
                                  </div>
                                  <div class="right navbar-right">
                                      <div class="ytd navbar-left">
                                          <span>30</span>
                                          <p>已投递</p>
                                      </div>
                                      <div class="yms navbar-left">
                                          <span>30</span>
                                          <p>邀面试</p>
                                      </div>
                                  </div>
                              </div>
                              <div class="bottom">
                                <div class="navbar-left">距职位下线还有 <span>3天</span></div>
                                <div class="navbar-right">
                                    <a href="#">下线职位</a>
                                    <a href="#">刷新职位</a>
                                </div>
                              </div>
                            </a>
                          </div>


                          <div class="col-md-6 col-xs-6 col-sm-6">
                            <a href="#">
                              <div class="top">
                                  <div class="left navbar-left">
                                      <div class="bt">董事长助理兼职司机</div>
                                      <div class="nr">
                                          <span>8k-10k</span>
                                          <span>呼和浩特 新城区</span>
                                          <span>大专</span>
                                      </div>
                                  </div>
                                  <div class="right navbar-right">
                                      <div class="ytd navbar-left">
                                          <span>30</span>
                                          <p>已投递</p>
                                      </div>
                                      <div class="yms navbar-left">
                                          <span>30</span>
                                          <p>邀面试</p>
                                      </div>
                                  </div>
                              </div>
                              <div class="bottom">
                                <div class="navbar-left">距职位下线还有 <span>3天</span></div>
                                <div class="navbar-right">
                                    <a href="#">下线职位</a>
                                    <a href="#">刷新职位</a>
                                </div>
                              </div>
                            </a>
                          </div>

                          <div class="col-md-6 col-xs-6 col-sm-6">
                              <a href="#">
                              <div class="top">
                                  <div class="left navbar-left">
                                      <div class="bt">董事长助理兼职司机</div>
                                      <div class="nr">
                                          <span>8k-10k</span>
                                          <span>呼和浩特 新城区</span>
                                          <span>大专</span>
                                      </div>
                                  </div>
                                  <div class="right navbar-right">
                                      <div class="ytd navbar-left">
                                          <span>30</span>
                                          <p>已投递</p>
                                      </div>
                                      <div class="yms navbar-left">
                                          <span>30</span>
                                          <p>邀面试</p>
                                      </div>
                                  </div>
                              </div>
                              <div class="bottom">
                                <div class="navbar-left">距职位下线还有 <span>3天</span></div>
                                <div class="navbar-right">
                                    <a href="#">下线职位</a>
                                    <a href="#">刷新职位</a>
                                </div>
                              </div>
                            </a>
                          </div>


                        </div>

                    </div>



                    <nav aria-label="Page navigation" class="page">
                      <ul class="pagination">
                        <li>
                          <a href="#" aria-label="Previous">
                            <span aria-hidden="true">上一页</span>
                          </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li>
                          <a href="#" aria-label="Next">
                            <span aria-hidden="true">下一页</span>
                          </a>
                        </li>
                      </ul>
                    </nav>
                </div>
                <div class="tab-pane " id="yxx"  data-toggle="tab">已下线</div>
                <div class="tab-pane " id="dsx"  data-toggle="tab">待上线</div>
              </div>
            </div>
            <!-- 职位管理结束 -->
        </div>
        <div class="tab-pane " id="resume_management">

        </div>
        <div class="tab-pane " id="forum">人才市场</div>
        <div class="tab-pane " id="security">消息中心</div>
    </div>
</body>
</html>

<script>
$(function(){
    $('#data input').focus(function(){
        $('#data input').datetimepicker('show');
    }).blur(function(event) {
        $('#data input').datetimepicker('hide');
    });
    $('#data2 input').focus(function(){
        $('#data2 input').datetimepicker('show');
    }).blur(function(event) {
        $('#data input').datetimepicker('hide');
    });
    /*搜索框*/
    $(".searchBtn").click(function() {
        $(".positionManagement .seach").css({"width":"250px"});
        $(".positionManagement .seach input").css({"width":"200px"});
    });
    /*全选*/
    $("#ckAll").click(function() {
        alert($("#ckAll").attr("checked"))
        if($("#ckAll").attr("checked") == undefined){
            $("#ckAll").attr("checked","true")
            $(".positionManagement .row .top").css("background-image","url('image/yx.png')")
        }else{
            $(".positionManagement .row .top").css("background-image","url('image/wx.png')")
        }
    });
    /*单选*/
    $(".positionManagement .row .top").click(function() {
        if($(this).css("background-image").indexOf('yx')!= -1){
            $(this).css("background-image","url('image/wx.png')")
        }else{
            $(this).css("background-image","url('image/yx.png')")
        }

    });
    /*展开简历详情*/
    $(".table tbody tr").each(function(index, el) {
        $(this ).children("td").eq(1) .click(function(){
        })
    });
})
</script>